Code Editor

The heart of Ollie IDE is a high-performance code editor tailored for speed and responsiveness.

Key Features

• IntelliSense: Smart completions for JavaScript, HTML, CSS, and many other supported languages.
• Minimap: A high-level overview of your code structure on the right edge.
• Bracket Matching: Automatic colorization of matching brackets for better readability.
• Multi-Cursor: Hold Alt (or Option) and click to add multiple cursors.

Debugging Integration

The editor is tightly coupled with the debugger component:

• Breakpoints: Click the gutter (left margin) to toggle breakpoints. A red dot 🔴 indicates an active breakpoint.
• Execution Line: During a debug session, the current execution line is highlighted, and the editor automatically focuses on it.

Theming & Customization

The editor automatically adapts to your system preference (Light/Dark mode) or the globally configured theme. It supports:

• Font Ligatures: Enabled by default for supported fonts.
• Smooth Scrolling: Enhanced physics-based scrolling for a fluid experience.
• Auto-Layout: The editor observes resize events to ensure it always fills the available space correctly.